.g-wrap {position:relative; margin:0 auto; width:100%; height:100%; overflow:hidden;}
/* 滑块 start */
#subjects {height:101px;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1;}
#subjects .g-wrap .item-2 {z-index:2;}
#subjects .g-wrap .item-3 {z-index:3;}
#subjects .g-wrap .item-4 {z-index:4;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:37%; height:101px;}
/*#subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;}*/
#subjects .g-wrap .item-2 .p1 {left:0; top:0; width:37%; height:101px;}
/*#subjects .g-wrap .item-2 .p2 {left:250px; top:26px;}*/
#subjects .g-wrap .item-3 .p1 {left:0; top:0; width:37%; height:101px;}
/*#subjects .g-wrap .item-3 .p2 {left:150px; width:282px; height:122px;}*/
#subjects .g-wrap .item-4 .p1 {left:0; top:0; width:37%; height:101px;}
/*#subjects .g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;}*/
#subjects .g-wrap a span img{
	width: 100%;
}
/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:25%;}
#subjects .state-0 .item-3 {left:50%;}
#subjects .state-0 .item-4 {left:70%;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:37%;}
#subjects .state-1 .item-3 {left:58%;}
#subjects .state-1 .item-4 {left:79%;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:21%;}
#subjects .state-2 .item-3 {left:58%;}
#subjects .state-2 .item-4 {left:79%;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:21%;}
#subjects .state-3 .item-3 {left:42%;}
#subjects .state-3 .item-4 {left:79%;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:21%;}
#subjects .state-4 .item-3 {left:42%;}
#subjects .state-4 .item-4 {left:63%;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end */